<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án trị nám đông y</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <!--Thư viện icon font-awesome-->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <!--Css dùng chung -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!--Css chính cho toàn trang -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    
    <!-- flexslider-->
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
	<script src="js/jquery.flexslider.js"></script>
    
    <!--Plugin owl carousel  -->
    <link href="plugins/css/owl.carousel.css" rel="stylesheet">
    <link href="plugins/css/owl.theme.css" rel="stylesheet">
    <link href="plugins/css/style.css" rel="stylesheet">
	<script src="plugins/js/owl.carousel.js"></script>
	<script src="plugins/js/owl.carousel.min.js"></script>
    <script src="js/plusone.js"></script>
    
    <!-- google map-->
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
		var map;
		function initialize() {
		  var mapOptions = {
			zoom: 8,
			center: new google.maps.LatLng(21.0473534, 105.750637)
		  };
		  map = new google.maps.Map(document.getElementById('map-canvas'),
			  mapOptions);
		}
		
		google.maps.event.addDomListener(window, 'load', initialize);
		
	</script>
	
    
</head>
<body>

<header class="itq-header">
    <section class="itq-wrapper">
    	<figure class="logo" >
        	<a href="#"><img src="uploads/logo-head.png"></a>
        </figure>
        <section class="slogan">
        	<h1>Trị nám đông y</h1>
            <h3>Vĩnh biệt tàn nhang - Xua tan vết nám</h3>
        </section><!-- .slogan -->
        <nav class="itq-menu">
        	<ul class="main">
            	<li class="item">
                	<a href="#">Trang chủ </a>
                </li>
                <li class="item">
                	<a href="#">giới thiệu </a>
                </li>
                <li class="item">
                	
                	<a href="#">sản phẩm  </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Thuốc trị nám 
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc đông y
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc tây 
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Tin tức</a>
                </li>
                <li class="item">
                	<a href="#">dịch vụ </a>
                </li>
                <li class="item">
                	<a href="#">ý kiến khách hàng </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Thuốc trị nám  gia truyền
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc đông y linh nghiêm
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc tây 
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">liên hệ</a>
                </li>
            
            </ul>
        </nav><!-- .itq-menu -->
        <section class="box-top-right">
        	<form method="get" action="#">
            	<input type="text" name="keyword" placeholder="Nhập từ khoá tìm kiếm ">
                <input type="submit" value="">
            </form>
            <ul>
            	<li>
                	<img src="images/call.png">HOTLINE : <b>0979 766 777</b>
                </li>
                <li>
                	<a href="#"><img class="icon-f" src="images/fb.png"></a>
                </li>
                <li>
                	<a href="#"><img class="icon-f" src="images/g+.png"></a>
                </li>
            </ul>
        </section><!-- .box-top-right -->
        
    </section><!-- .itq-wrapper -->
</header><!-- .itq-header -->

<section class="itq-slider" >
		
	
        <section id="slides">
            <ul class="slides-container">
            
            	<li>
                    <img src="uploads/slide-1.gif" alt="">
                    <div class="slides_caption">
                       <h1>Chăm sóc da bằng Đông Y </h1>
                       <p>
                       		Chúng tôi muốn mang hạnh phúc, sắc đẹp và nhiều hơn thế nữa đến với những ai đang phải chịu  những rắc rối, tự ti với khuôn mặt đầy tàn nhang và mụn
                       </p>
                       <h3>
                         <a class="more " href="#">
                       		Tìm hiểu thêm 
                      	 </a>
                       </h3>
                    </div>
                </li>
                <li>
                    <img src="uploads/slide-1.gif" alt="">
                    <div class="slides_caption">
                       <h1>Chăm sóc da thuốc nam dược </h1>
                       <p>
                       		Chúng tôi muốn mang hạnh phúc, sắc đẹp và nhiều hơn thế nữa đến với những ai đang phải chịu  những rắc rối, tự ti với khuôn mặt đầy tàn nhang và mụn
                       </p>
                       <h3>
                         <a class="more " href="#">
                       		Tìm hiểu thêm 
                      	 </a>
                       </h3>
                    </div>
                </li>
           
            
            </ul>
        
            <nav class="slides-navigation">
              <a href="#" class="next"><img src="images/next.png"></a>
              <a href="#" class="prev"><img src="images/prev.png"></a>
            </nav>
        </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->

<section class="itq-container">
    <section class="itq-wrapper">
        <aside class="itq-sidebar">
			<section class="ndt-content-sidebar">
				<header>
					<h3>Dịch Vụ</h3>
				</header>
				<nav>
					<ul>
						<li>
							<a href="#">Trị Nám</a>
						</li>
						<li>
							<a href="#">Trị Mụn</a>
						</li>
						<li>
							<a href="#">Chăm sóc da</a>
						</li>
						<li>
							<a href="#">Thuốc Đông Y</a>
						</li>
					</ul>
				</nav>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Bài Thuốc</h3>
				</header>
				<nav>
					<ul>
						<li>
							<a href="#">Da Liễu</a>
						</li>
						<li>
							<a href="#">Trị Nám</a>
						</li>
						<li>
							<a href="#">Bài Thuốc Chữa Mụn</a>
						</li>
						<li>
							<a href="#">Các Bệnh Khác</a>
						</li>
					</ul>
				</nav>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Hỗ Trợ Trực Tuyến</h3>
				</header>
				<section class="ndt-support">
					<ul>
						<li>
							<h4>Tư vấn sản phẩm</h4>
							<p>Mr. Tuấn: <span>0904 931 079</span></p>
						</li>
						<li>
							<h4>Tư vấn chuyên sâu</h4>
							<p>Mr. Tùng: <span>0904 931 079</span></p>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Giấy Chứng Nhận</h3>
				</header>
				<section class="ndt-certificate">
					<ul>
						<li>
							<figure>
								<a href="#"><img src="images/giaychungnhan.png" alt=""></a>
							</figure>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Thống kê truy cập</h3>
				</header>
				<section class="ndt-statistical">
					<ul>
						<li>
							<p>Online:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>53</span></p>
						</li>
						<li>
							<p>Hôm qua:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>63</span></p>
						</li>
						<li>
							<p>Trong tuần:&nbsp;&nbsp;&nbsp;&nbsp;<span>53</span></p>
						</li>
						<li>
							<p>Tổng:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>623</span></p>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Fanpage</h3>
				</header>
				<section class="ndt-fb"> 
					<ul>
						<li>
							<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=173&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=false&amp;appId=1449666598644581" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:173px; height:290px;" allowTransparency="true"></iframe>
						</li>
					</ul>
				</section>
			</section>
		</aside><!-- .itq-sidebar -->
		<section class="itq-content">  
			<section class="ndt-content-1">
				<header>
					<h2>Dịch Vụ Trị Nám - Mụn Theo Phương Pháp Đông Y</h2>
				</header>
				<section class="ndt-slide">
					<ul class="owl-demo">
						<li class="item">
							<figure>
								<img src="uploads/slide-1.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-2.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-3.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-1.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-2.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-3.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
						<li class="item">
							<figure>
								<img src="uploads/slide-3.png" alt="Owl Image">
								<figcaption>
									<h4>
										<a href="#">Trị Nám theo bài thuốc Đông Y</a>
									</h4>
									<p>
										Theo Đông Y, nguyên nhân dẫn tới tàn nhang chủ yếu là nhân tố di truyền cộng với tác động của phong tà bên ngoài...
									</p>
								</figcaption>
							</figure>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-qc">
				<figure>
					<img src="uploads/qc-1.png" alt="" class="img-1">
					<img src="uploads/qc-2.png" alt="" class="img-2">
				</figure>
				<section class="clear"></section>
			</section>
			<section class="ndt-content-2">
				<header class="ndt-content">
					<h2>Có thể bạn quan tâm</h2>
					<nav>
						<ul class="ndt-list">
							<li>
								<a href="#">Kinh nghiệm chữa bệnh</a>
							</li>
							<li>
								<a href="#">Kiến thức sức khỏe</a>
							</li>
						</ul>
					</nav>
				</header>
				<section class="ndt-tutorial">
					<section class="ndt-info-left">
						<h3>
							<a href="#">Cách chăm sóc da mặt mùa giá rét</a>
						</h3>
						<figure>
							<a href="#"><img src="uploads/tutorial-1.png" alt=""></a>
							<figcaption>
								<p>Da nhờn (dầu) luôn gây ra khó chịu cho chị em và nó cũng là nguyên nhân phổ biến gây ra mụn trứng cá. Việc chăm sóc da nhờn vào mùa đông sẽ dễ dàng hơn vì...</p>
								<a href="#">[ Đọc Tiếp]</a>
							</figcaption>
						</figure>
						<article>
							<p><a href="#">Nguyên nhân bị nám da và cách điều trị hiệu quả</a></p>
							<p><a href="#">Thuốc trị nám có loại bỏ hoàn toàn nám da?</a></p>
							<p><a href="#">Thuốc trị nám có loại bỏ hoàn toàn nám da?</a></p>
						</article>
					</section>
					<section class="ndt-info-right">
						<ul class="ndt-list">
							<li>
								<a href="#">Chăm sóc da mặt</a>
							</li>
							<li>
								<a href="#">Trị Nám</a>
							</li>
							<li>
								<a href="#">Trị Mụn</a>
							</li>
							<li>
								<a href="#">Cách bảo vệ da</a>
							</li>
							<li>
								<a href="#">Da dầu</a>
							</li>
							<li>
								<a href="#">Bệnh về da</a>
							</li>
						</ul>
					</section>
				</section>
			</section>
			<section class="ndt-content-3">
				<header>
					<h2>Cẩm nang chăm sóc sức khỏe & sắc đẹp</h2>
				</header>
				<section class="ndt-tutorial-1">
					<figure>
						<a href=""><img src="uploads/tutorial-2.png" alt=""></a>
						<figcaption>
							<h3><a href="">Nguyên nhân bị nám da và cách điều trị hiệu quả</a></h3>
							<p>Là con gái, Oanh chắc chắn rằng bạn nào cũng để ý chăm lo cho sắc đẹp của mình đúng không nào? Đặc biệt, đa phần các bạn đều dành sự quan tâm  ưu ái cho làn da đấy nhé. Oanh thấy để chăm sóc da có rất nhiều cách này, bạn thì thường xuyên dùng mĩ phẩm, có bạn lại chăm sóc với các biện pháp tự nhiên...</p>
							<a href="#">[Đọc tiếp]</a>
						</figcaption>
					</figure>
					<article>
						<p><a href="#">Thuốc trị nám có loại bỏ hoàn toàn nám da?</a></p>
						<p><a href="#">Hướng dẫn tự làm kem dưỡng trắng da toàn thân tại nhà</a></p>
						<p><a href="#">[ Chia Sẻ ] Cách chăm sóc da toàn thân với bột ngô (bột bắp)</a></p>
						<p><a href="#">Thức ăn tốt giúp tăng cường hoạt chất tốt cho da</a></p>
						<p><a href="#">Cách chưa mụn bọc hiệu quả bằng phương pháp đông y</a></p>
					</article>
				</section>
			</section>
			<section class="ndt-content-4">
				<header>
					<h2>Ý Kiến Khách Hàng</h2>
				</header>
				<section class="ndt-tutorial-2">
					<ul class="ndt-list-product">
						<li>
							<figure>
								<a href=""><img src="uploads/product-1.png" alt=""></a>
								<figcaption>
									<p class="ndt-name">Chị:<span>Phùng Thị Giang</span></p>
									<i class="ndt-info-product"> Tôi đã thử dịch vụ và dùng thử thuốc ở đây, tôi rất hài lòng, chỉ sau vài lần dùng thuốc mặt tôi đã dỡ hơn nhiều so với lúc trước</i>
									<p class="ndt-nhay"></p>
								</figcaption>
							</figure>
						</li>
						<li>
							<figure>
								<a href=""><img src="uploads/product-2.png" alt=""></a>
								<figcaption>
									<p class="ndt-name">Chị:<span>Nguyễn Thị Định</span></p>
									<i class="ndt-info-product">Tôi đã thử dịch vụ và dùng thử thuốc ở đây, tôi rất hài lòng, chỉ sau vài lần dùng thuốc mặt tôi đã dỡ hơn nhiều so với lúc trước</i>
									<p class="ndt-nhay"></p>
								</figcaption>
							</figure>
						</li>
					</ul>
				</section>
			</section>
        </section><!-- .itq-content -->
    </section><!-- .itq-wrapper -->
	<section class="clear"></section>
    
</section><!-- .itq-container -->

<footer class="itq-footer"> 
    <section class="itq-wrapper">
    	<figure >
        	<a href="#"><img src="uploads/logo-head.png"></a>
        </figure>
        <section class="center-footer">
        	<h1> Trị nám đông y</h1>
        	<article>
            	<p> <b>Địa chỉ:</b> 106-B6, Ngõ 3, Đường Nghĩa Tân, Cầu Giấy, Hà Nội</p>
                <p> <b>Điện thoại:</b><font color="#9b0606"> 0904 931 079   -   0973 999 999</font></p>
                <p> <b>Website:</b><a href="#"> <i> trinamdongy.com</i></a></p>
                <p> <b>Email: </b> <a href="#"> <i>trinamdongy@gmail.com</i></a></p>
            </article>
        </section>
        <section class="right-footer">
        	<h1>Follow</h1>
            <section class="icon">
            	<ul>
                	<li><a href="#"><img class="icon-f" src="images/f-fb.png"></a></li>
                    <li><a href="#"><img class="icon-f" src="images/f-g+.png"></i></a></li>
                    <li><a href="#"><img class="icon-f" src="images/f-youtube.png"></a></li>
                </ul>
                <p>Designer & developer by: <a href="#">ITQ.VN</a></p>
            </section>
        </section>
       
    </section><!-- .itq-wrapper -->
</footer><!-- .itq-footer -->

<script src="js/supperslide/jquery.easing.1.3.js"></script>
<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="js/supperslide/hammer.min.js"></script>
<script src="js/supperslide/jquery.superslides.min.js"></script>
<script>
	

	$(document).ready(function(e) {
		
		
		
        $('ul.main li.item').hover(function(e) {
			  $(this).find('ul.level-2').fadeIn('slow')
			     },function(e) {
			  $(this).find('ul.level-2').fadeOut('fast')
			});
			$('.icon-f').hover(function(e) {
                $(this).addClass('animated swing');
            },function(e) {
			 $(this).removeClass('animated swing');
			});
			$('.more').hover(function(e) {
                $(this).addClass('animated rubberBand');
            },function(e) {
			 $(this).removeClass('animated rubberBand');
			});
			$('#slides').superslides({
				play:7000,
				pagination:true,
				hashchange:false,
				inherit_width_from:'.itq-slider',
				inherit_height_from:'.itq-slider'});
			$(".owl-demo").owlCarousel({
				autoPlay: 5000, //Set AutoPlay to 3 seconds
				items : 3,
				itemsDesktop : [1199,3],
				itemsDesktopSmall : [979,3]
				});	
				
				
			
        });
</script>
<script>
	<!-- test test -- >
  
			  (function() {
		  
				// store the slider in a local variable
				var $window = $(window),
					flexslider;
		  
				// tiny helper function to add breakpoints
				function getGridSize() {
				  return (window.innerWidth < 600) ? 2 :
						 (window.innerWidth < 900) ? 2 : 3;
				}
		  
				$(function() {
				  SyntaxHighlighter.all();
				});
		  
				$window.load(function() {
				  $('.flexslider').flexslider({
					animation: "slide",
					animationSpeed: 400,
					animationLoop: false,
					itemWidth: 201,
					itemMargin: 0,
					minItems: getGridSize(), // use function to pull in initial value
					maxItems: getGridSize(), // use function to pull in initial value
					start: function(slider){
					  $('body').removeClass('loading');
					  flexslider = slider;
					}
				  });
				});
		  
				// check grid size on resize event
				$window.resize(function() {
				  var gridSize = getGridSize();
		  
				  flexslider.vars.minItems = gridSize;
				  flexslider.vars.maxItems = gridSize;
				});
			  }());
			
			<!--test test -->	
</script>

</body>
</html>